$(() => {
    let data = {
        page: 1,
        perpage: 6
    }
    // 文章搜索

    // {
    //     "id": 1,
    //     "title": "游资龙虎榜：前期强势股开启补跌模式，市场热点继续高低切",
    //     "cover": "https://wpimg.wallstcn.com/d39d1a2a-668e-48a4-82de-4ff339a33a01.png",
    //     "date": "2019-05-20",
    //     "content": "一、次新股\n金力永磁\n\n恒铭达\n\n昨天在《游资龙虎榜丨市场继续缩量下探，热点板块明天存在补跌预期》提...",
    //     "state": "已发布",
    //     "author": "管理员",
    //     "read": 880,
    //     "categoryId": 1,
    //     "comments": 21,
    //     "category": "爱生活"
    // }
    const search = () => {
        ajax('GET', baseURL + '/index/search', data, (res) => {
            console.log(res);
            const htmlStr = template('newsList', res.data)
            $('.content').html(htmlStr)
            laypage(res.data.totalCount)
        })
    }
    search()

    // 分页
    const laypage = (count) => {
        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'pagination' //注意，这里的 test1 是 ID，不用加 # 号
                , count //数据总数，从服务端得到
                , limit: data.perpage
                , curr: data.page
                , jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    console.log(obj.limit); //得到每页显示的条数


                    //首次不执行
                    if (!first) {
                        //do something
                        data.page = obj.curr
                        data.perpage = obj.limit
                        search()
                    }
                }
            });
        });
    }
    // 文章热门排行
    const rank = () => {
        ajax('GET', baseURL + '/index/rank', {}, (res) => {
            // {
            //     "title": "梅姨提前退场，为什么说英镑噩梦“无协议脱欧”可能性大增？",
            //         "id": 191
            // }
            console.log(res);
            const htmlStr = template('rank', res)
            $('.rank').html(htmlStr)

        })
    }
    rank()

    // 最新评论
    const latest_comment = () => {

        // {
        //     "id": 8000,
        //     "author": "王刚",
        //     "date": "2022-6-01",
        //     "time": "14:02:44",
        //     "state": "待审核",
        //     "articleId": 105,
        //     "intro": "龙物满层内们又军包动采知格较进标象根起处..."
        // }
        ajax('GET', baseURL + '/index/latest_comment', {}, (res) => {
            console.log(res);
            const htmlStr = template('comment', res)
            $('.comment').html(htmlStr)

        })
    }
    latest_comment()

    // 焦点关注
    const attention = () => {

        // {
        //     "id": 8000,
        //     "author": "王刚",
        //     "date": "2022-6-01",
        //     "time": "14:02:44",
        //     "state": "待审核",
        //     "articleId": 105,
        //     "intro": "龙物满层内们又军包动采知格较进标象根起处..."
        // }
        ajax('GET', baseURL + '/index/attention', {}, (res) => {
            console.log(res);
            // {
            //     "intro": "在2019年是这一个关键的、转折的年份，..."
            // }
            const htmlStr = template('attention', res)
            $('.attention').html(htmlStr)

        })
    }

    attention()
    // 搜索
    $('.search_btn').on('click', function () {
        const key = $('.search_txt').val()
        console.log(key);
        data.key = key
        search()

    })

    // 分类
    const getstate = () => {
        ajax('GET', baseURL + '/index/category', {}, (res) => {
            console.log(res);
            const htmlStr = template('stae', res)
            $('.menu').html(htmlStr)
        })
    }
    getstate()

    // 下拉列表
    $('.menu').on('click', '.level_two>li>a', function (e) {
        e.preventDefault()
        data.type = $(this).data('id')
        console.log(data);
        search()
    })


    // 分类nav
    $('.menu').on('click', '.left_menu>li>a', function (e) {
        e.preventDefault()
        data.type = $(this).data('id')
        console.log(data);
        search()
    })






})